评论 184
服务器位置
评论 28
服务器位置
评论 5
服务器位置
服务器位置
服务器位置
服务器位置
服务器位置
服务器位置
服务器位置
设计网站是一项了不起的工作。
创建网站时,您会看到很多日常不需要注意的事情。
网站设计结合了网页设计(设计网站布局),用户体验和许多其他功能。
听起来很复杂,但事实并非如此。如何使网站设计变得有趣,从而使您和网站的接收者感到非常满意?
什么是网页设计?
Web设计是一个相对较新的术语,因此对于这个方向是什么以及谁可以称为Web设计师存在分歧。让我们尝试澄清一下。
广义上的Web设计概念是指创建网站的过程,其中包括开发的技术方面,信息结构化,创建可视化外壳以及将信息传输到Web的过程。
阶段
为了更全面地了解网站的创建情况,您需要想象页面从构思到网络开始运作的各个阶段。
制定技术规范:开始工作的特点是详细规划站点的目标和功能,对站点的结构和设计进行估算,然后草拟详细的工作清单,并得到客户的认可。项目经理负责此。
易用性:目前,确定的问题范围很广,从计划站点上的页面结构是什么,到这种情况下最方便的信息呈现方式。这需要经理和设计师的合作。
平面艺术:设计人员创建网站的视觉表示,包括各种元素,这些元素既可以使页面更具功能性,又可以简单地对其进行装饰。之后,批准以图形形式进行的站点布局。
布局:设计人员作为程序员一起工作,以代码的形式实现了他的想法,该代码将使图像显示在浏览器中。
网站掌握:最后一个阶段,将网站放置在主机上,充满信息,然后将其升级到搜索引擎的顶部。该网站已经可供用户使用。
从哪里开始网页设计?
设计网站始于定义网站应扮演的角色,即其目的。
您猜对了-有各种各样的网站可用于其他目的。我们区分三种最受欢迎的网站:目标网页,单页页面和经典网站。
当然有大型站点(门户等),但这是一个完全不同的主题。
最简单的网站是登陆页面和一页。
尽管它们通常很小(只有一页),但它们具有很多内容。但是,它们的目的不同。
什么是登录页面?最常用于收集联系人或关注与某些操作相关的流量。通常登录页面上没有多少内容,但是您可以清楚地看到页面的用途。登陆页面通常没有菜单。
一页是“拉伸的”普通网页。所有信息都在一个非常长的网站上。
最重要的内容始终位于顶部。简而言之。单页程序的菜单引用了后续章节的标题。
设计和创建这种类型的网站需要特定的方法。尽管它们看起来很简单,但是要求很高,最好通过其他方式创建页面来开始您的冒险之旅。
特别是设计页面通常与“普通”页面相关联。他们有一个主页,包含要约,新闻和联系方式的子页面。您可以说这是Internet上的标准。
另外,用户知道他们的结构就像自己的口袋一样。
如果您需要在线名片-只需一个简单的一页即可。您是否想在网站上提供更多信息(报价,博客等),并随着时间的推移进行扩展?一个经典的网站将是正确的。
现在您知道了什么,是时候开始做网页设计了。
您网站的目的是什么-这是网站设计的起点
您需要知道您网站的目的是什么。因此,您设计的页面将为用户所理解。
如果您经营一家企业,那么用户必须从一开始就知道您所提供的服务。
例如-您有一家汽车维修店。用户必须知道他已经进入汽车维修店的网站并且可以使用特定服务。
这样的网站的目的是向您介绍这些服务,从而吸引新客户。
对于网页设计,有一个明确定义的目标至关重要。因此,您需要仔细考虑并明确定义网站的目的。
一旦知道了网站的目的是什么,就需要考虑谁是受众。
网页设计-定义您的受众
您的网站不仅会被搜索引擎机器人浏览。因此,您需要考虑网站的受众群体是谁。
毕竟,这就是您想要达到的目标,对吗?
确定您的网站访问者与您网站的目的直接相关。毕竟,它们是要实现您的目标。
网站设计将此类剖析定义为“创建一个人”。
因此,您必须考虑您的用户到底想要什么以及他们到底是谁。角色只是“完美的用户”。
您一定会记住您网站的一些用户资料。您必须考虑他到底需要什么,他的喜好是什么,他为什么在您的网站上以及应该在网站上显示什么,以便您可以实现自己的目标。
例如,汽车维修店网站的理想用户将是需要汽车维修的人。
他想知道车间提供的服务,车间的位置,工作的时间以及如何联系。他们将在网站上查找此信息。
将它们放在可见的地方就在您身边。
换句话说:创建一个人可以使您更好地适应您的用户需求。
请记住-(好的)网站设计与满足特定人群的需求密切相关。那是您的理想用户。
定义受众群体后,您将更容易定义用户想要在您的网站上找到的内容。
为用户创建一个网站,即您网站上的内容
了解了网站的用途并确定谁是理想的用户后,就可以开始使用该网站了。
您花费在思考网站目的和用户需求上的时间将获得回报。
尤其是这样一个经过深思熟虑的网站将能够满足您用户的需求,从而实现您的目标。
网页设计的下一步是明确定义网站上应该包含的内容。
在这个阶段设计一个网站是关于组织内容。
首先在页面上写下您想要的内容。它可以是很长的列表,您不必担心它突然变成几十个项目。
然后尝试将这些内容组合在一起-它将在下一阶段为您带来很大帮助。离开准备好的清单几天。真的会两个。
在这段时间之后,请再次查看该列表并将其视为用户。从您拥有的每个人的角度来看哪些事情是相关的。
他们每个人都将寻找略有不同的信息,因此您需要考虑到这一点。例如,寻找汽车维修店的人将搜索联系人,位置和营业时间。此信息必须在页面上清晰可见。
现在是清除多余信息列表的好时机。其中一些可能是完全不必要的。
您可以从页面中删除它们,也可以在最后添加它们。信息的分类将有助于您在页面上将其分开。您将看到它如何使您的工作更轻松。
当您的小组信息时,请按重要性顺序编号。
最重要的事情在顶部,最少-在底部。通过这种方式分解信息后,请在每个小组中查找关键事项。
此信息应在主页上。您不必开发它们,它们只需要通知用户您为他们提供了什么。
如果他们想了解更多,他们肯定会继续前进。
理想情况下,您应该以搜索短语等关键字的形式提供最重要的信息。然后,主页可以很好地传达您所提供的内容,并很好地定位自己。
您的网站需要哪些子页面?
一旦知道如何共享信息,就可以开始创建子页面。再考虑一下此信息是否重复。如果是这样-考虑是否应该这样做(以及用户是否需要达到目标)。每个子页面应对应于您创建的组之一。
如果您有三到四组-完美!您的网站结构已准备就绪。
如果您有更多的人,请考虑这些组之间的相互关系。也许他们有一个共同的分母?请记住,使用较少的元素会更好。
极简主义在设计网站时非常有用,因为它使用户可以立即看到正在发生的事情。他们不必寻找所需的信息,因为它们立即可见。
网站上的结构化信息也具有心理影响:如果网站变得聪明,那么另一方面,就有值得信任的专业人员。
从那里开始,这只是实现用户目标的一步。
纸和铅笔-它们使网页设计更轻松
抓挠自己是一件好事。尤其是当您对如何进行视觉网页设计一无所知时(遵循趋势)请记住:总是值得启发的,所以
浏览一些您喜欢的页面并得出结论是一个好主意。这就是为什么最好用一张纸开始设计您的网站。一旦有了应该包含的元素,就可以将它们分解为后续的子页面。使每一页一页。
在每个“子页面”上放置后续元素(请记住以保持重要性层次结构)。您不必担心删除。
测试-网站设计的关键要素
亲人的帮助不能被高估。向用户显示您的网站之前-询问您的朋友他们对您的项目的看法。
记住要问他们同样的问题。
这将使您更轻松地完善设计。
当然,值得一问的是,询问他们对网站的喜欢程度。然后询问他们是否了解您要传达的内容以及他们是否可以轻松实现页面的目的。
当然,要使其变得更容易,您可以告诉他们您的目标是什么。如果网站的目的明确,这将使他们更容易回答您。
然后收集这些评论并考虑如何实施它们。并且值得介绍它们吗?毕竟,这是您的网站,但是您的朋友也是很好的测试者-他们的意见值得考虑
定位网站和SEO-开始设计网站时必须记住这一点
如果您想吸引人,则需要记住有关放置网站的信息。好的关键字,替代的照片描述,标题和每页的描述-这是最低要求。
您还必须记住标题的层次结构-有了它,搜索引擎机器人会发现更容易在页面上定位自己。如果您在本地行动-请记住所谓的本地SEO。即,关于将地名添加到所选关键字。
网站上的图形
设计网站还与选择好的图形有关。如果您自己的照片质量很好,则该主题几乎已经关闭。网站上的照片不必具有高分辨率。实际上-越小(即占用的磁盘空间越少)越好。
具有大量大照片的网站加载速度缓慢,这对其网站的定位产生负面影响,并迫使用户等待。照片的理想宽度不应超过1200-1400像素。
压缩它们并添加替代描述始终是一个好主意。请记住:浏览器机器人看不到图形,但是很乐意“阅读”照片的替代描述。
最重要的元素-概述网页设计
Ť主页始终是最重要的。在这里放置用户应该首先找到的关键信息和元素。
请记住,这些元素在页面上的位置越高,用户找到它们的速度就越快。主页也是用户看到的第一页。因此,它必须清晰易读并包含关键要素。
每页上必须有一个菜单。
它有助于导航您网站上的用户。请记住,此元素应尽可能地易于理解。
因此,菜单中子页面的典型名称是您的用户所期望的。毕竟,网站设计通常基于成熟的解决方案。主页,报价,价格表,联系方式,客户反馈等-这样的菜单结构将使用户更快地找到所需的内容。
内部链接也是每个页面的重要元素。
因此,如果您在主页上放置了一个专用于商品的细分,则最好在此细分中包含一个链接,该链接会将用户引导到带有该商品的子页面。
在页面上放置文本时,请记住保持标题的所谓层次结构。标头可能显示为粗体大字体。
实际上,标题在页面上扮演三个主要角色:它们告知以下文本的主题,组织页面上的信息并在定位中很有用(搜索引擎机器人在标题中查找信息的速度比在文本中更快)。
另外,请记住标题的层次结构-有了它,用户将知道哪些信息是一般性的(与特定信息组有关),哪些信息是详细的。
最重要的是,每页只能有一个H1标题;这样的标题应包含页面的名称(即在联系页面上,应为“ [您的公司名称]-联系人”或“使用[您的公司名称]联系”)。